Ext.define('Sencha.view.DictionaryFormView', {
    extend: 'Ext.Container',
    xtype: 'dictionaryformview',
           
    config: {
        title: 'Dictionary',
        styleHtmlContent: true,
        scrollable: 'vertical'
	},   
    initialize: function () {
    	this.callParent(arguments);
    	
        var newButton = {
            xtype: "button",
            text: 'New',
            ui: 'action',
        
        };

        var topToolbar = {
            xtype: "toolbar",
            title: 'Dictionary',
            docked: "top",
            items: [
                { xtype: 'spacer' },
                newButton
            ]
        };
        
        
        var fieldSet = {
	        xtype: 'fieldset',
	        items: [
	            {
	                xtype: 'textfield',
	                name : 'translation',
	                label: 'Translation'
	            },
	            {
	                xtype: 'textfield',
	                name : 'definition',
	                label: 'Definition'
	            },
	            {
	                xtype: 'textfield',
	                name : 'partofspeech',
	                label: 'Part Of Speech'
	            }
	        ]
        }
       	
        this.add([topToolbar, fieldSet]);

    	
    }

 
});